<template>
    <div class="footbox">
        <div class="foot">
            <div class="footleft">
                <a href="" class="footlogo"></a>
                <p>资讯热线：    027-87771154</p>
                <p>地       址：    湖北省武汉市洪山区关山大道332号</p>
                <p>保利国际中心 写字楼2603、2604号</p>
                <div class="ewmbigbox">
                    <div class="ewmbox">
                        <img src="../assets/img/footewm.png" alt="">
                        <p>公众号二维码</p>
                    </div>
                    <div class="ewmbox">
                        <img src="../assets/img/footewm2.png" alt="">
                        <p>手机端二维码</p>
                    </div>
                </div>
            </div>
            <div class="footright">
                <div class="footnav">
                    <span>首页</span>
                </div>
                <div class="footnav">
                    <span>关于我们</span>
                    <a>发展历程</a>
                    <a>专业团队</a>
                    <a>引之优势</a>
                    <a>参股流程</a>
                    <a>参股答疑</a>
                </div>
                <div class="footnav">
                    <span>影视项目</span>
                </div>
                <div class="footnav">
                    <span>新闻资讯</span>
                    <a>公司动态</a>
                    <a>影视资讯</a>
                    <a>行业分析</a>
                    <a>政策解读</a>
                </div>
                <div class="footnav">
                    <span>公益活动</span>
                </div>
                <div class="footnav">
                    <span>联系我们</span>
                </div>
            </div>
            <p class="footbottom">Copyright © 2019-2020 湖北引之影视传媒有限公司 版权所有</p>
        </div>
    </div>
</template>


<script>
export default {
    data(){
        return {
        }
    },
    methods:{

    },
    mounted() {


    }
}
</script>


<style lang="scss">


.footbox{
    width: 100%;
    height: 534px;
    background: #010103;
    position: fixed;
    bottom: 0;
    z-index: -5;
}
.foot{
    width: 1214px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    padding-top: 60px;
    box-sizing: border-box;
    position: relative;
}
.footleft{
    width: 430px;
    height: 420px;
    position: relative;
    overflow: hidden;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    color: #979798;
}
.footright{
    width: 784px;
    height: 420px;
    position: relative;
    overflow: hidden;
    display: flex;
}
.footlogo{
    display: block;
    cursor: pointer;
    width: 282px;
    height: 64px;
    background: url(../assets/img/footlogo.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 50px;
}
.footleft p:nth-of-type(1){
    margin-bottom: 10px;
}
.footleft p:nth-of-type(3){
    text-indent: 72px;
    margin-bottom: 29px;
}
.ewmbigbox{
    display: flex;
}
.ewmbox{
    width: 122px;
    margin-right: 34px;
}
.ewmbox img{
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
}
.footnav{
    width: 128px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.footnav span{
    cursor: pointer;
}
.footnav a:first-of-type{
    margin-top: 38px;
}
.footnav a{
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #979798;
    margin-bottom: 18px;
}
.footnav a:hover{
    color: #FFFFFF !important;
}
.footbottom{
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: #979798;
    position: absolute;
    bottom: 30px;
}


</style>